<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>土巴兔网站</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 顶部导航 -->
        <div class="top-nav">
            <div class="container clearfix">
                <div class="top-nav-left">
                    <a href="#" class="city">
                        <i class="icon icon-coordinate"></i>
                        郑州
                        <span class="change-city">[切换]</span>
                    </a>
                    <div class="citys">
                        <div class="title clearfix">
                            <h2>热门城市</h2>
                        </div>
                        <div class="lists">
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">广州</a></li>
                                <li><a href="#">深圳</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">成都</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">广州</a></li>
                                <li><a href="#">深圳</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">哈尔滨</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">广州</a></li>
                                <li><a href="#">深圳</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">哈尔滨</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">广州</a></li>
                                <li><a href="#">深圳</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">哈尔滨</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">广州</a></li>
                                <li><a href="#">深圳</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">哈尔滨</a></li>
                            </ul>
                            <a href="#" class="more">更多</a>
                        </div>
                    </div>
                </div>
                <div class="top-nav-right">
                    <a href="#" class="login">登录</a>
                    <a href="#" class="register">注册</a>
                    <div class="my-tubatu">
                        <div class="box">
                            <span class="title">
                                我的土巴兔
                                <i class="icon icon-arrow-bottom"></i>
                            </span>
                        </div>
                        <i class="cut-line cut-line-left"></i>
                        <i class="cut-line cut-line-right"></i>
                        <div class="lists">
                            <ul>
                                <li><a href="#">我的工地直播</a></li>
                                <li><a href="#">我的商城订单</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="shop-center">
                        <div class="box">
                            <span class="title">
                                商家中心
                                <i class="icon icon-arrow-bottom"></i>
                            </span>
                        </div>
                        <i class="cut-line cut-line-right"></i>
                        <div class="lists">
                            <ul>
                                <li><a href="#">装修公司登录</a></li>
                                <li><a href="#">装修公司入住</a></li>
                                <li><a href="#">装修公司APP</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="build-center">
                        <div class="box">
                            <span class="title">
                                建材中心
                                <i class="icon icon-arrow-bottom"></i>
                            </span>
                        </div>
                        <i class="cut-line cut-line-right"></i>
                        <div class="lists">
                            <ul>
                                <li><a href="#">建材商登录</a></li>
                                <li><a href="#">建材商入住</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="feedback">
                        <a href="#">
                            意见反馈
                        </a>
                        <i class="cut-line cut-line-right"></i>
                    </div>
                    <div class="consult">
                        <div class="box">
                            <span class="title">
                                咨询热线：
                                <a href="#">4006-900-288</a>
                                <i class="icon icon-arrow-bottom"></i>
                            </span>
                        </div>
                        <div class="lists">
                            <form class="content">
                                <div class="row">
                                    <h2>联系土巴兔装修管家</h2>
                                </div>
                                <div class="row">
                                    <input type="text" placeholder="输入手机号，将为你发送预算明细">
                                </div>
                                <div class="row">
                                    <button>立即免费获取</button>
                                </div>
                                <div class="row">
                                    <span class="tip">*</span>
                                    通话结束后，本次通话记录将以短信形式免费发送到你输入的手机号上!
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 主导航 -->
        <div class="main-nav">
            <div class="container clearfix">
                <div class="main-nav-left">
                    <a href="#" class="icon icon-logo"></a>
                    <a href="#" class="ad">
                        <img src="./img/ad.gif" alt="装修就上土巴兔">
                    </a>
                </div>
                <div class="main-nav-center">
                    <ul class="menu clearfix">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">效果图</a></li>
                        <li><a href="#">装修公司</a></li>
                        <li><a href="#">装修攻略</a></li>
                        <li><a href="#">保障服务</a></li>
                        <li><a href="#">更多</a></li>
                        <li><a href="#">下载APP</a></li>
                    </ul>
                </div>
                <div class="main-nav-right">
                    <div class="search">
                        <input type="text" placeholder="搜装修公司/问题/攻略/效果图">
                        <i class="icon icon-search"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="content">
        <div class="container clearfix">
            <div class="content-left">
           <div class="filter">
               <div class="title">
                   <ul class="clearfix">
                       <li><a href="#">郑州装修</a></li>
                       <li><a href="#">郑州装修公司</a></li>
                       <li><a href="#">共 <i class="total">4345</i>结果</a></li>
                   </ul>
               </div>
               <div class="lests">
                   <dl>
                       <dt>施工方式</dt>
                       <dd>
                           <a href="">全部</a>
                           <a href="">半包装修</a>
                           <a href="">全包装修</a>
                           <a href="">纯设计</a>
                           <a href="">软装</a>
                           <a href="">全屋装修</a>
                       </dd>
                   </dl>
                   <dl>
                       <dt>类型</dt>
                       <dd>
                           <a href="">全部</a>
                           <a href="">加装</a>
                           <a href="">工装</a>
                       </dd>
                   </dl>
                   <dl>
                       <dt>服务区域</dt>
                       <dd>
                           <a href="">全部</a>
                           <a href="">二七区</a>
                           <a href="">城关回族区</a>
                           <a href="">二七区</a>
                           <a href="">二七区</a>
                           <a href="">二七区</a>
                           <a href="">二七区</a>
                           <a href="">二七区</a>
                           <a href="">二七区</a>
                           <a href="">二七区</a>
                           <a href="">二七区</a>
                           <a href="">二七区</a>
                           <a href="">二七区</a>
                       </dd>
                   </dl>
                   <dl>
                       <dt>服务保障</dt>
                       <dd>
                           <a href="" >全部</a>
                           <a href="" class="chekbox">现状后附</a>
                           <a href="" class="chekbox">正品辅材</a>
                           <a href="" class="chekbox">装修分期</a>
                       </dd>
                   </dl>
               </div>
               <p class="more">
                <a href="#">
                    <span>更多</span>
                    <em></em>
                </a>
            </p>
           </div>
           <div class="sort"></div>
              <div class="company-lests"></div>


            </div>




            <div class="content-right"></div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">

        <div class="links">
            <div class="container">
                <div class="footer-list clearfix">
                    <a href="#" class="link">友链合作&gt;</a>
                    <span>热门城市</span>
                    <span class="on">热门公司</span>
                    <span>热门攻略</span>
                    <span>热门专题</span>
                    <span>装修美图</span>
                </div>
                <div class="friend-list">
                    <ul class="clearfix">
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="company-info">
            <div class="container">
                <ul class="clearfix">
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">媒体报道</a></li>
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">意见反馈</a></li>
                    <li><a href="#">高薪聘请</a></li>
                    <li><a href="#">校园招聘</a></li>
                    <li><a href="#">公示公告</a></li>
                    <li><a href="#">商务合作</a></li>
                    <li><a href="#">侵权投诉</a></li>
                </ul>
                <p class="company-state">
                    免责声明：本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。© 2018 Tubatu.com 土巴兔装修网和设计师社区 保留所有权利
                </p>
                <p class="company-icp">
                    <span>土巴兔装修网
                        <a href="#">增值电信业务许可证：粤B2-20120566号</a>
                    </span>
                    <span>
                        <a href="#">粤ICP备08125558号</a>
                    </span>
                    <a href="#">
                        <i class="index-icon6 fl"></i>
                        <span>粤公网安备 44030502001458号</span>
                    </a>
                    <a href="#">
                        <i class="index-icon fbc-iocn1"></i>
                    </a>
                    <a href="#">
                        <i class="index-icon fbc-iocn2"></i>
                    </a>
                    <a href="#">
                        <i class="index-icon fbc-iocn3"></i>
                    </a>
                    <a href="#">
                        <i class="index-icon fbc-iocn4"></i>
                    </a>
                    <a href="#"></a>
                </p>
                <div class="qr-code clearfix">
                    <div class="app-code">
                        <img src="./img/code.jpg">
                        <p>微信公众号</p>
                    </div>
                    <div class="weixin-code">
                        <img src="./img/weixin.jpg">
                        <p>土巴兔APP</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</body>

</html>